var appPath = getAppPath();
var EDIT_IMG_IDX = 0;

$(function(){
	// 商品分类
	// 大分类
	$("#queryTypeL").combobox({
		data:[{type_id:0,type_name:'不限'},{type_id:4,type_name:'印品'}],
		valueField:'type_id',
		textField:'type_name',
		onSelect:function(selRecdL){
			var topId=selRecdL.type_id;
			// 中分类
			$("#queryTypeM").combobox({
				url:appPath+'/itbTg/getTypeForCombo.action?blkFlg=1&parent='+topId,
				valueField:'type_id',
				textField:'type_name',
				onSelect:function(selRecdM){
					$("#queryTypeS").combobox("clear");
					$("#queryTypeS").combobox("loadData",{});
					// 小分类
					var parentId=selRecdM.type_id;
					if(Number(parentId)>0){
						$("#queryTypeS").combobox({
							url:appPath+'/itbTg/getTypeForCombo.action?blkFlg=1&parent='+parentId,
							valueField:'type_id',
							textField:'type_name',
							onSelect:function(selRecdS){
							}
						});
					}
				}
			});
		}
	});
	initItemsGrid();
	initUploader();
});

//商品通用图片信息--初始化列表
function initItemsGrid(){
	$('#itemsGrid').datagrid({
	    url:appPath + "/itbitemComImg/getItemComImgInfo.action",
	    height:'full',
	    striped:true,
	    fitColumns:true,
	    queryParams: getQueryParam(),
	    singleSelect:false,
	    selectOnCheck:true,
	    checkOnSelect:true,
	    frozenColumns:[[
	        {field:'ck',checkbox:'true',width:10,align:'center',sortable:false}
	    ]],
	    columns:[[
  	        {field:'id',title:'ID',width:35,align:'center',sortable:false},
	        {field:'top_type_id',title:'大分类',width:40,align:'center',sortable:false,
		    	  formatter:function(value, rowData, rowIndex){
		    		  var ret = '<span style="color:red">未知</span>';
		    			switch(Number(value||'0')){
		    				case 4: ret='<span style="color:blue">印品</span>'; break;
		    			}
		    			return ret;
		    	  }
		      },
	        {field:'type_name_er',title:'中分类',width:40,align:'center',sortable:false,
		    	  formatter:function(value, rowData, rowIndex){
		    		  return value||'<span style="color:red">未知</span>';
		    	  }
		      },
		    {field:'type_name_san',title:'小分类',width:40,align:'center',sortable:false,
		    	  formatter:function(value, rowData, rowIndex){
		    		  return value||'<span style="color:red">未知</span>';
		    	  }
		      },
	        {field:'desc',title:'描述详情',width:90,align:'left',sortable:false,
	        	formatter:function(value, rowData, rowIndex){
	        		return value||'<span style="color:red>暂无描述</span>"';
	        	}
		    },
		    {field:'edit',title:'编辑',width:30,align:'center',sortable:false,
  	        	formatter:function(value, rowData, rowIndex){
	        		return "<a href='javascript:void(0)' onclick='showDetail("+rowData.id+")'>编辑</a>";
	        	}
		    },
		    {field:'type_id',title:'应用',width:30,align:'center',sortable:false,
		    	formatter:function(value,rowData,rowIndex){
		    		return "<a href='javascript:void(0)' onclick='applicationImg("+rowData.type_id+","+rowData.thumbs+")'>应用</a>";
		    	}
		    },
		    {field:'create_time',title:'创建时间',width:70,align:'center',sortable:false},
	        {field:'update_time',title:'更新时间',width:70,align:'left',sortable:false}
	    ]],
	    hideColumn:['user_type'],
	    pagination:true,
		rownumbers:true,
		toolbar:[
			{
				text:'新建通用图片信息',
				iconCls:'icon-add',
				handler:function(){
					addItemComImg();
				}
			},
			{
				text:'删除通用图片信息',
				iconCls:'icon-cancel',
				handler:function(){
					delItem();
				}
			}
		]
	});
}

/**
 * 应用通用图片
 */
function applicationImg(typeId,thumbs){
	$.messager.confirm("确定","是否确定应用到该分类下的所有商品？",
		function(r){
		 if(r){
			 if(typeId!=null){
				 	$.loading(true);
					var url=appPath+"/itbitemComImg/applicationComImg.action?type_id="+typeId
					$.post(url,function(data){
						$.loading(false);
						if(data=='ok'){
							$.messager.alert('message','应用图片成功','info');
						}else{
							$.messager.alert('message','应用图片失败','info');
						}
					});
				}else{
					$.messager.alert('提示信息','分类id为空','warning');
				}
		 	}
		}
	);
}

// 商品详细配图
function initUploader(){
	//var url = "http://upload.itbour.com/upload/user?device=101&user_type=0&user_id="+(g_userId||0);// 写DB
	var url = "http://upload.itbour.com/upload/?device=101&user_type=0&user_id="+(g_userId||0);// 不写DB
	var option = {};
    option.id = 'selImgFile';
    option.url = url;
    option.callback = function(res){
    	if(!res.success){
    		alert(res.msg);
            return;
    	}
    	if(res && res.data && res.data.url && res.data.url.length>0){
    		EDIT_IMG_IDX = Number(EDIT_IMG_IDX||0)+1;
    		var showImg = res.data.url+'?x-oss-process=image/resize,m_pad,h_180,w_180,color_cccccc';
			var imgHtml = '<div style="margin:8px;" id="editImg_'+EDIT_IMG_IDX+'">'+
				'<a href="' + res.data.url + '" target="_blank" id="editImg_a_'+EDIT_IMG_IDX+'" class="editImgUrl" style="margin-right:10px;">'+
				'<img id="editImg_a_img_'+EDIT_IMG_IDX+'" src="'+showImg+'" style="display:inline;height:100px;width:100px">'+
				'</a>'+
				'<a href="javascript:void(0)" onclick="delEditImg('+EDIT_IMG_IDX+')"">删除</a>'+
				'<a href="javascript:void(0)" style="margin-left:20px;" onclick="upImage('+EDIT_IMG_IDX+')"">上移</a>'+
				'</div>';
			$("#editItemThumb").append(imgHtml);// .val(res.data.url||'');
			// $('#delImgBtn_'+EDIT_IMG_IDX).linkbutton({
			// iconCls: 'icon-cancel'
			// });
    	}
    }
    option.imgExts = ['jpg','jpeg','png'];
    var uploader = new AjaxUploadEx(option);
}

//移除副图图片
function delEditImg(idx){
	$("#editImg_"+idx).remove();
	var arrImgUrl=[];
	var arr=$("a.editImgUrl");
	for (var i = 0; i < arr.length; i++) {
		var imgUrl = $(arr[i]).attr('href');
		if(imgUrl&&imgUrl.length>0){
			arrImgUrl.push(imgUrl);
		}
	}
	$('#editItemThumb').html('');
	doSort(arrImgUrl);
}

//向上移动图片
function upImage(idx){
	var tmp=$("#editImg_"+(idx-1));
	console.log(tmp);
	if(tmp!=null&&tmp.length>0){
		var a = $("#editImg_a_"+idx).attr('href'); 
		var b = $("#editImg_a_"+(idx-1)).attr('href'); 
		$("#editImg_a_"+(idx-1)+"").attr('href',a);
		$("#editImg_a_"+idx+"").attr('href',b);
		
		var ai = $("#editImg_a_img_"+idx).attr('src'); 
		var bi = $("#editImg_a_img_"+(idx-1)).attr('src'); 
		$("#editImg_a_img_"+(idx-1)+"").attr('src',ai);
		$("#editImg_a_img_"+idx+"").attr('src',bi);
	}else{
		$.messager.alert('提示信息','图片在第一张不用上移','warning');
	}
}

// 新建通用图片信息
function addItemComImg(){
	$("#editTable").show();
	$('#editForm').form('clear');
	$('#editItemThumb2').html('');
	$('#editItemThumb').html('');
	$("#editItemId").val('');
	
	$("#editTypeL").combobox('enable');
	$("#editTypeM").combobox('enable');
	$("#editTypeS").combobox('enable');
	
	// 大分类
	$("#editTypeL").combobox({
		data:[{type_id:4,type_name:'印品'}],
		valueField:'type_id',
		textField:'type_name',
		onSelect:function(selRecdL){
			var topTypeId=selRecdL.type_id;
			
			// 中分类
			$("#editTypeM").combobox({
				url:appPath+'/itbTg/getTypeForCombo.action?blkFlg=0&parent='+topTypeId,
				valueField:'type_id',
				textField:'type_name',
				onSelect:function(selRecdM){
					$("#editTypeS").combobox("clear");
					$("#editTypeS").combobox("loadData",{});
					
					// 小分类
					var parentId=selRecdM.type_id;
					if(Number(parentId)>0){
						$("#editTypeS").combobox({
							url:appPath+'/itbTg/getTypeForCombo.action?blkFlg=0&parent='+parentId,
							valueField:'type_id',
							textField:'type_name',
							onLoadSuccess:function(){
								var dataS = $('#editTypeS').combobox('getData');
								if(dataS && dataS.length>0){
									$("#editTypeS").combobox('select',dataS[0].type_id).combobox('enable');
								}
							}
						});
					}
				},
				onLoadSuccess:function(){
					var dataM = $('#editTypeM').combobox('getData');
					if(dataM && dataM.length>0){
						$("#editTypeM").combobox('select',dataM[0].type_id).combobox('enable');
					}
				}
			});
		},
		onLoadSuccess:function(){
			var dataL = $('#editTypeL').combobox('getData');
			if(dataL && dataL.length>0){
				$("#editTypeL").combobox('select',dataL[0].type_id).combobox('enable');
			}
		}
	});	
	
	$("#editBtn").show();
	$('#editDlg').window({
		title:'新建商品通用图片信息',
		iconCls:'icon-edit',
		modal: true,
		shadow: true,
		collapsible:false,
		minimizable:false,
		maximizable:false
	});
	
	$('#editDlg').window('move',{top:20,left:20});
	$('#editDlg').window('open');
}

// 确认提交编辑
function doEdit(){
	var itemId = $("#editItemId").val();
	var typeS = $("#editTypeS").combobox('getValue');
	var desc = $("#editDesc").val();
	
	//保存配图数据
	var arrImgUrl = [];
	var arr = $("a.editImgUrl");
	 for(var i=0; i<arr.length; i++){
		var imgUrl = $(arr[i]).attr('href');
		if(imgUrl && imgUrl.length>0){
			arrImgUrl.push(imgUrl);
		}
	}
	
	if(typeS && Number(typeS||'0')>0) {
		if(desc && desc.length>0) {
			var url = appPath+"/itbitemComImg/addItemComImgInfo.action";//新建
			if(Number(itemId||'0')>0) {
				url = appPath+"/itbitemComImg/updItemComImgInfo.action";//修改
			}
			var sendData = {
				"imComImgDto.id": itemId||"",
				"imComImgDto.type_id": typeS,
				"imComImgDto.desc": desc || "",
				"imComImgDto.thumbs": JSON.stringify(arrImgUrl)
			};
		    $.post(url, sendData, function(data){  
				if (data == "ok") { 
					$.messager.alert('提示信息','提交成功','info');
					$('#editDlg').window('close');
					doQuery();
		        } else if(data == "exit") {
		        	$.messager.alert('提示信息','分类已存在','info');
		        } else {
		        	$.message.alert("提示信息","提交失败",'info');
		        }
		    });
			
		} else {
			$.messager.alert('提示信息','请填写商品简介','info');
		}
	    
	}else{
		$.messager.alert('提示信息','请选择商品分类','info');
	}
}

function cancelEdit(){
	$('#editDlg').window('close');
}

// 查看/更新商品信息
function showDetail(id){
	$("#editTable").show();
	$('#editForm').form('clear');
	$('#editItemThumb2').html('');
	$('#editItemThumb').html('');
	$("#editItemId").val(id);
	
	$("#editTypeL").combobox('disable');
	$("#editTypeM").combobox('disable');
	$("#editTypeS").combobox('disable');
	
	// 加载数据
	var url = appPath + "/itbitemComImg/getOneItemComImgInfo.action?id="+ id;
	$.get(url,function(ret){
		if (ret && ret.length>0){
			var info = ret[0];
			$("#editDesc").val(info.desc||'');
			// 大分类
			$("#editTypeL").combobox({
				data:[{type_id:4,type_name:'印品'}],
				valueField:'type_id',
				textField:'type_name',
				onSelect:function(selRecdL){
					$("#editTypeM").combobox("clear");
					$("#editTypeM").combobox("loadData",{});
					var topTypeId=selRecdL.type_id;
					
					// 中分类
					$("#editTypeM").combobox({
						url:appPath+'/itbTg/getTypeForCombo.action?blkFlg=0&parent='+topTypeId,
						valueField:'type_id',
						textField:'type_name',
						onSelect:function(selRecdM){
							$("#editTypeS").combobox("clear");
							$("#editTypeS").combobox("loadData",{});
							var parentId=selRecdM.type_id;
							
							// 小分类
							if(Number(parentId)>0){
								$("#editTypeS").combobox({
									url:appPath+'/itbTg/getTypeForCombo.action?blkFlg=0&parent='+parentId,
									valueField:'type_id',
									textField:'type_name',
									onLoadSuccess:function(){
										$("#editTypeS").combobox("select", info.type_id).combobox('disable');
									}
								});
							}
						},
						onLoadSuccess:function(){
							$("#editTypeM").combobox("select", info.parent_type_id).combobox('disable');
						}
					});
				},
				onLoadSuccess:function(){
					$("#editTypeL").combobox("select", info.top_type_id).combobox('disable');
				}
			});
			// 配图缩略图
			var arrImg = JSON.parse(info.thumbs||'[]');
			doSort(arrImg);
		}
	});
	
	$("#editBtn").show();
	$('#editDlg').window({
		title:'商品详情/编辑',
		iconCls:'icon-edit',
		modal: true,
		shadow: true,
		collapsible:false,
		minimizable:false,
		maximizable:false
	});
	
	$('#editDlg').window('move',{top:20,left:20});
	$('#editDlg').window('open');
}

//附图图片展示
function doSort(arrImg){
	EDIT_IMG_IDX=0;
	for(var i=0; i<arrImg.length; i++){
		if(arrImg[i] && arrImg[i].length>0) {
			EDIT_IMG_IDX = Number(EDIT_IMG_IDX||0)+1;// 表示图片的位置// EDIT_IMG_IDX=0初始值
    		var showImg = arrImg[i]+'?x-oss-process=image/resize,m_pad,h_180,w_180,color_cccccc';
			var imgHtml = '<div style="margin:8px;" id="editImg_'+EDIT_IMG_IDX+'">'+
				'<a href="' +arrImg[i] + '" target="_blank" id="editImg_a_'+EDIT_IMG_IDX+'" class="editImgUrl" style="margin-right:10px;">'+
				'<img id="editImg_a_img_'+EDIT_IMG_IDX+'" src="'+showImg+'" style="display:inline;height:100px;width:100px">'+
				'</a>'+
				'<a href="javascript:void(0)" onclick="delEditImg('+EDIT_IMG_IDX+')"">删除</a>'+
				'<a href="javascript:void(0)" onclick="upImage('+EDIT_IMG_IDX+')" style="margin-left:20px;text-decoration:none;">上移</a>'+
				'</div>';
			$("#editItemThumb").append(imgHtml);
		}
	}
}

function cancelUpdTmpl(){
	$('#tmplDlg').window('close');
}

//删除商品通用图片信息
function delItem(){
	var selectItem=$("#itemsGrid").datagrid("getChecked");
	if(!selectItem || selectItem.length == 0){
		$.messager.alert('提示信息','请选择需要删除的内容！','warning');
		return;
	}
	$.messager.confirm("确认", "是否确认[删除]所选内容？",
		function(r){
	        if (r) { 
				var ids = "";
				$.each(selectItem, function(index, item){
					ids = ids + item.id + ",";
				});
				var url = appPath+"/itbitemComImg/delComImgInfo.action?ids="+ids;
				$.post(url,function(data){
					if(data=="ok"){
						$.messager.alert('提示信息','删除成功','info');
						doQuery();
					}else{
						$.messager.alert('提示信息','删除失败','info');
					}
				});
	        }
		}
	);
}

/**
 * 获取请求信息(商品列表)
 */
function getQueryParam(){
	var queryObject = {};
	
	var findTypeL = $("#queryTypeL").combobox('getValue');
	var findTypeM = $("#queryTypeM").combobox('getValue');
	var findTypeS = $("#queryTypeS").combobox('getValue');
	var desc = $("#queryItemDesc").val();
	
	if(findTypeL && Number(findTypeL||'0')>0) queryObject.findItemTypeL = findTypeL;// 大分类
	if(findTypeM && Number(findTypeM||'0')>0) queryObject.findItemTypeM = findTypeM;// 中分类
	if(findTypeS && Number(findTypeS||'0')>0) queryObject.findItemType = findTypeS;// 小分类
	if(desc && desc.length>0) queryObject.findDesc = desc;// 编号
	
	return queryObject;
}

/**
 * 获取请求信息(模版列表)
 */
function getQueryParam2(){
	var queryObject = {
		findPubFlg: 1,
		itemIdForItems: Number($("#lnkItemId").val()||'0'),
		findTmplType: Number($("#lnkTypeS").val()||'0')
	};
	return queryObject;
}

/**
 * 查询数据
 */
function doQuery(startFlg){
	$("#itemsGrid").datagrid('unselectAll');
	if(startFlg==1){
		$("#itemsGrid").datagrid('load', getQueryParam());
	} else {
		$("#itemsGrid").datagrid('reload', getQueryParam());
	}
}

function fmtCreateTime(value, rowData, rowIndex){
	if(!value)return "";
	var s = new Date(value);
	return rowData.create_time=$.DateUtil.format(s,'yyyy/MM/dd hh:mm:ss');
}
